<!DOCTYPE html>
<html>

    <head>
        <title>千锋宿舍管理系统</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- bootstrap -->
        <link rel="stylesheet" href="../css/bootstrap.min.css">
        <script src="../js/bootstrap.js"></script>
        <!-- 公共样式表 -->
        <link rel="stylesheet" href="../css/stytem.css">
        <!-- ajax -->
        <script src="../js/ajax.js"></script>
        <!-- 登录界权 -->
        <script src="../js/checklLogin.js"></script>
        <!-- 样式表 -->
        <link rel="stylesheet" href="../css/dormitory.css">
    </head>
<style>
</style>
<body style="background-image: url(../img/dlem.jpg);">
    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    </svg>
    <main>
        <div class="d-flex flex-column flex-shrink-0 p-3"
            style="width: 280px;background-color: #fff;margin:30px 0 0 30px;background-color:#28313c !important;">
            <div><span class="fs-4" style="font-weight: 700;margin-left: 20px;color: #f7ffff;">千锋宿舍管理系统</span></div>
            <hr>
            <ul class="nav nav-pills flex-column mb-auto">
                <li class="nav-item">
                    <a href="./home.html" class="nav-link link-dark" aria-current="page"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#home" />
                        </svg>
                        情况总览
                    </a>
                </li>
                <li>
                    <a href="./dormitoryStaff.html" class="nav-link active"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#speedometer2" />
                        </svg>
                        宿舍人员
                    </a>
                </li>
                <li>
                    <a href="./Absentstudent.html" class="nav-link link-dark" style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#table" />
                        </svg>
                        缺勤登记
                    </a>
                </li>
                <li>
                    <a href="./moveIn.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#table" />
                        </svg>
                        入住申请
                    </a>
                </li>
                <li>
                    <a href="./manage.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#grid" />
                        </svg>
                        管理人员
                    </a>
                </li>
                <li>
                    <a href="./updatepassword.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#people-circle" />
                        </svg>
                        修改密码
                    </a>
                </li>
                <li>
                    <a href="#" class="nav-link link-dark" style="font-size: 20px;font-weight: 700;color: #f7ffff;"
                        id="logout">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#people-circle" />
                        </svg>
                        退出系统
                    </a>
                </li>
            </ul>
        </div>
        <div style="width:100%;height:100%; margin: 30px;">
            <div class="card p-3 mb-2 bg-white bg-gradient text-dark"
                style="width:100%;height: 70px; flex-direction: row; justify-content: space-between;padding: none;background-color: #28313c !important;">
                <h2 style="color: #f7ffff;">宿舍人员</h2>
                <span id="center" style="font-size: 26px;color: #f7ffff;"></span>
                <div>
                    <img src="../img/aaa.jpg" style="width: 50px;height: 45px;border-radius: 39%;" alt="">
                    <span id="manageName"
                        style="font-size: 25px;line-height: 35px;color: #f7ffff;">文渊</span>&nbsp;&nbsp;
                    <button type="button" class="btn btn-danger btn-sm" style="margin-bottom: 5px;"
                        id="quit">退出</button>
                </div>
            </div>
            <div class="card p-3 mb-2 bg-white bg-gradient text-dark"
                style="width:100%;height: 100%;background-color: #fff;margin-top: 20px;">
                <div style="width: 100%;text-align: right;margin-bottom: 10px;">
                    <input type="text" placeholder="输入学生的姓名查询" id="likeName">
                    <button type="button" class="btn btn-primary btn-sm" style="padding:5px 15px;"
                        onclick="queryLikeName()">搜索</button>
                    <button type="button" class="btn btn-success btn-sm" style="padding:5px 15px;"
                        data-bs-toggle="modal" data-bs-target="#myModal2">添加</button>
                </div>
                <table class="table table-bordered" style="text-align: center;">
                    <thead>
                        <tr>
                            <th>姓名</th>
                            <th>宿舍楼</th>
                            <th>房间号</th>
                            <th>床号</th>
                            <th>专业</th>
                            <th>班级</th>
                            <th>性别</th>
                            <th>学号</th>
                            <th>电话</th>
                            <th>家庭电话</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="tbody2">
                    </tbody>
                </table>
                <!-- 修改 模态框 -->
                <div class="modal" id="myModal">
                    <div class="modal-dialog ">
                        <div class="modal-content">

                            <!-- 模态框头部 -->
                            <div class="modal-header">
                                <h4 class="modal-title">修改宿舍人员信息</h4>

                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>

                            <!-- 模态框内容 -->
                            <div class="modal-body">
                                <input type="hidden" id="sid">
                                <div id="updatesname" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">姓名：</span>
                                    <input type="text" id="updsname">
                                </div>
                                <div id="updatebuilding" style="margin-left: 50px;">
                                    <span style="display: inline-block;margin: 0 0 0 17px;">宿舍楼：</span>
                                    <select name="" id="updbuilding" style="height: 30px;width:180px;margin-bottom: 10px;">
                                        <option value="1栋">1栋</option>
                                        <option value="2栋">2栋</option>
                                        <option value="3栋">3栋</option>
                                        <option value="4栋">4栋</option>
                                    </select>
                                </div>
                                <div id="updateroomid" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 17px;">房间号：</span>
                                    <select name="" id="updroomid" style="margin:0 0 0 0;height: 30px;width:180px;">
                                        <option value="101">101</option>
                                        <option value="102">102</option>
                                        <option value="103">103</option>
                                        <option value="104">104</option>
                                        <option value="201">201</option>
                                        <option value="202">202</option>
                                        <option value="203">203</option>
                                        <option value="204">204</option>
                                        <option value="301">301</option>
                                        <option value="302">302</option>
                                        <option value="303">303</option>
                                        <option value="304">304</option>
                                        <option value="401">401</option>
                                        <option value="402">402</option>
                                        <option value="403">403</option>
                                        <option value="404">404</option>
                                        <option value="501">501</option>
                                        <option value="502">502</option>
                                        <option value="503">503</option>
                                        <option value="504">504</option>
                                    </select>
                                </div>
                                <div id="updatebedid" style="margin:0 0 10px 50px;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">床号：</span>
                                    <select name="" id="updbedid" style="margin:0 0 0 0;height: 30px;width:180px;">
                                        <option value="1号床">1号床</option>
                                        <option value="2号床">2号床</option>
                                        <option value="3号床">3号床</option>
                                        <option value="4号床">4号床</option>
                                    </select>
                                </div>
                                <div id="updatecollege" style="margin:0 0 10px 50px;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">专业：</span>
                                    <select name="" id="updcollege" style="margin:0 0 0 0;height: 30px;width:180px;">
                                        <option value="JavaEE">JavaEE</option>
                                        <option value="Python">Python</option>
                                        <option value="UI设计">UI设计</option>
                                        <option value="前端">前端</option>
                                    </select>
                                </div>
                                <div id="updateclazz" style="margin:0 0 10px 50px;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">班级：</span>
                                    <select name="" id="updclazz" style="margin:0 0 0 0;height: 30px;width:180px;">
                                        <option value="401">401</option>
                                        <option value="402">402</option>
                                        <option value="403">403</option>
                                        <option value="404">404</option>
                                    </select>
                                </div>
                                <div style="margin:0 0 10px 50px;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">性别：</span>
                                    <label><input type="radio" checked class="updategender" name="sex"
                                            value="男">男</label>&nbsp;
                                    <label><input type="radio" class="updategender" name="sex" value="女">女</label>
                                </div>
                                <div id="updatestudentnum" style="margin:0 0 10px 50px;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">学号：</span>
                                    <input type="text" id="updstudentnum">
                                </div>
                                <div id="updatephone" style="margin:0 0 10px 50px;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;"> 电话：</span>
                                    <input type="text" id="updphone">
                                </div>
                                <div id="updatetelphone" style="margin:0 0 10px 50px;">
                                    <span>家庭电话：</span>
                                    <input type="text" id="updtelphone">
                                </div>
                                <!-- 模态框底部 -->
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-success" data-bs-dismiss="modal"
                                        onclick="updateStudent()">确认</button><br>
                                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button><br>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 添加 模态框 -->
                <div class="modal" id="myModal2">
                    <div class="modal-dialog ">
                        <div class="modal-content">
                            <!-- 模态框头部 -->
                            <div class="modal-header">
                                <h4 class="modal-title">添加宿舍人员信息</h4>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>
                            <!-- 模态框内容 -->
                            <div class="modal-body">
                                <div id="additionsname" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">姓名：</span>
                                    <input type="text" id="addsname">
                                </div>
                                <div id="additionbuilding" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 17px;">宿舍楼：</span>
                                    <select name="" id="addbuilding"  style="height: 30px;width:180px;">
                                        <option>请选择</option>
                                        <option value="1栋">1栋</option>
                                        <option value="2栋">2栋</option>
                                        <option value="3栋">3栋</option>
                                        <option value="4栋">4栋</option>
                                    </select>
                                </div>
                                <div id="additionroomid" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 17px;">房间号：</span>
                                    <select name="" id="addroomid" style="margin:0 0 0 0;height: 30px;width:180px;">
                                        <option>请选择</option>
                                        <option value="101">101</option>
                                        <option value="102">102</option>
                                        <option value="103">103</option>
                                        <option value="104">104</option>
                                        <option value="201">201</option>
                                        <option value="202">202</option>
                                        <option value="203">203</option>
                                        <option value="204">204</option>
                                        <option value="301">301</option>
                                        <option value="302">302</option>
                                        <option value="303">303</option>
                                        <option value="304">304</option>
                                        <option value="401">401</option>
                                        <option value="402">402</option>
                                        <option value="403">403</option>
                                        <option value="404">404</option>
                                        <option value="501">501</option>
                                        <option value="502">502</option>
                                        <option value="503">503</option>
                                        <option value="504">504</option>
                                    </select>
                                </div>
                                <div id="additionbedid" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">床号：</span>
                                    <select name="" id="addbedid" style="margin:0 0 0 0;height: 30px;width:180px;">
                                        <option>请选择</option>
                                        <option value="1号床">1号床</option>
                                        <option value="2号床">2号床</option>
                                        <option value="3号床">3号床</option>
                                        <option value="4号床">4号床</option>
                                    </select>
                                </div>
                                <div id="additioncollege" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">专业：</span>
                                    <select name="" id="addcollege" style="margin:0 0 0 0;height: 30px;width:180px;">
                                        <option>请选择</option>
                                        <option value="JavaEE">JavaEE</option>
                                        <option value="Python">Python</option>
                                        <option value="UI设计">UI设计</option>
                                        <option value="前端">前端</option>
                                    </select>
                                </div>
                                <div id="additionclazz" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">班级：</span>
                                    <select name="" id="addclazz" style="margin:0 0 0 0;height: 30px;width:180px;">
                                        <option>请选择</option>
                                        <option value="401">401</option>
                                        <option value="402">402</option>
                                        <option value="403">403</option>
                                        <option value="404">404</option>
                                    </select>
                                </div>
                                <div style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">性别：</span>
                                    <label><input type="radio" checked class="addgender" name="sex"
                                            value="男">男</label>&nbsp;
                                    <label><input type="radio" class="addgender" name="sex" value="女">女</label>
                                </div>
                                <div id="additionstudentnum" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">学号：</span>
                                    <input type="text" id="addstudentnum">
                                </div>
                                <div id="additionphone" style="margin: 0 0 10px 50px ;">
                                    <span style="display: inline-block;margin: 0 0 0 30px;">电话：</span>
                                    <input type="text" id="addphone">
                                </div>
                                <div id="additiontelphone" style="margin: 0 0 10px 50px ;">
                                    <span>家庭电话：</span>
                                    <input type="text" id="addtelphone">
                                </div>
                                <!-- 模态框底部 -->
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-success" data-bs-dismiss="modal"
                                        onclick="addStudent()">确认</button><br>
                                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button><br>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 分页 -->
                <div class="btn-group-xs" style="margin: 0 auto;">
                    <button type="button" class="btn btn-outline-primary" onclick="first()">首页</button>
                    <button type="button" class="btn btn-outline-primary" onclick="up()">上一页</button>
                    <button type="button" class="btn btn-outline-primary" onclick="down()">下一页</button>
                    <button type="button" class="btn btn-outline-primary" onclick="last()">尾页</button>
                </div>
            </div>
            <div class="b-example-divider"></div>
    </main>
    <!-- js -->
    <script src="../js/dormitoryStaff.js"></script>
</body>
<script src="../js/systemTime.js"></script>

</html>